{% extends "base/base.html" %}
{% load i18n %}
{% block title %}{% trans 'Ingresar' %}{% endblock %}
{% comment %} Login al sitio (empresas o candidatos) {% endcomment %}
{% block page-header %}{% trans 'Iniciar sesión' %}{% endblock %}
{% block content %}
    <section class="login">
        <div class="container">
            <div class="row login-row">
                <div class="span7">
                    <h4>{% trans '¿Aún no tienes una cuenta? ¡Regístrate es Gratis!' %}</h4>
                    <p>Nullam egestas nulla rutrum lorem varius nec faucibus est fringilla. Quisque at urna vel leo tincidunt rutrum vitae.</p>
                    <div class="row join-pics">
                        <div class="span3 img-polaroid candidate">
                            <a href="#"><img src="{{STATIC_URL}}images/register/busco.jpg"></a>
                        </div>
                        <div class="span3 img-polaroid">
                            <a href="#"><img src="{{STATIC_URL}}images/register/empresa.jpg"></a>
                        </div>
                    </div>
                </div>
                <div class="span5">
                    <div class="login-box well">
                        <h4>{% trans 'Bienvenido de nuevo' %}</h4>
                    <hr>
                        <form class="form-horizontal" id="form" method="post" action=".">{% csrf_token %}
                            {% if form.errors %}
                                <div class="alert alert-error">
                                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                                    {% trans 'Nombre de usuario y/o contraseña incorrectos.' %}
                                </div>
                            {% endif %}
                            <div class="control-group">
                                <label class="control-label" for="username">{% trans 'Usuario' %}</label>
                                <div class="controls">
                                    <div class="input-append">
                                        <input type="text" id="username" name="username" placeholder="{% trans 'Ingresa tu nombre de usuario' %}">
                                        <span class="add-on"><i class="icon-user"></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="password">{% trans 'Contraseña' %}</label>
                                <div class="controls">
                                    <div class="input-append">
                                        <input class="span2" type="password" id="password" name="password"  placeholder="{% trans 'Ingresa tu contraseña' %}">
                                        <span class="add-on"><i class="icon-key"></i></span>
                                    </div>
                                </div>
                            </div>
                            <div class="control-group">
                                <div class="controls">
                                    <button type="submit" class="btn btn-success pull-right">{% trans 'Acceder' %}</button>
                                    <input type="hidden" name="next" value="/" />
                                </div>
                            </div>
                            <div class="control-group forgot">
                                <div class="controls pull-left">
                                    <a href="/RecuperarDatos/">{% trans '¿Olvidaste tu usuario o contraseña?' %}</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}
